<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  	<meta name="title" content="<?php echo $judul ?>" />
  	<meta name="author" content="Geriloji" />
  	<meta name="description" content="<?php echo $deskrip ?>" />
    <title><?php echo $judul." | "; ?> <?php echo $nama_site ?> </title>
<link href='<?php echo $logo_icon ?>' rel='shortcut icon'/>

    <!-- Bootstrap -->
    <link href="<?php echo $base_url ?>/g-template/default/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="<?php echo $base_url ?>/g-template/default/css/default.css" />
    <link rel="stylesheet" type="text/css" href="<?php echo $base_url ?>/g-template/default/css/font-awesome.css" />
	<link rel="stylesheet" type="text/css" href="<?php echo $base_url ?>/g-template/default/css/component.css" />
	<script src="<?php echo $base_url ?>/g-template/default/js/modernizr.custom.js"></script>
	<!-- Add jQuery library -->
	<script type="text/javascript" src="<?php echo $base_url ?>/g-template/default/fancy/lib/jquery-1.10.1.min.js"></script>


	<!-- Add fancyBox main JS and CSS files -->
	<script type="text/javascript" src="<?php echo $base_url ?>/g-template/default/fancy/source/jquery.fancybox.js?v=2.1.5"></script>
	<link rel="stylesheet" type="text/css" href="<?php echo $base_url ?>/g-template/default/fancy/source/jquery.fancybox.css?v=2.1.5" media="screen" />


	<!-- Add Thumbnail helper (this is optional) -->
	<link rel="stylesheet" type="text/css" href="<?php echo $base_url ?>/g-template/default/fancy/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
	<script type="text/javascript" src="<?php echo $base_url ?>/g-template/default/fancy/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

	<script type="text/javascript">
	var coy = jQuery.noConflict();
		coy(document).ready(function() {
			
			coy('.fancybox-thumbs').fancybox({
				prevEffect : 'none',
				nextEffect : 'none',

				closeBtn  : false,
				arrows    : true,
				nextClick : true,

				helpers : {
					thumbs : {
						width  : 50,
						height : 50
					}
				}
			});

			

		});
	</script>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
<body>
<!-- Static navbar -->
    <div class="navbar navbar-inverse navbar-static-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a href="<?php echo $base_url ?>" class="navbar-brand">Geriloji CMS</a>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-right">
            <?php include $ambil_menu  ?>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>


<?php include $ambil_layout  ?>
<hr>
<footer>
<div class="row4">
    <div class="container">
        <div class="row">
            	<div class="col-md-6">
                    <div class="copyright">Copyright &copy; 2014 geriloji.com</div>
                    <!--{%FOOTER_LINK} -->
                </div>
                <div class="col-md-6 kanan">
                        <a href="#"><i class="fa fa-facebook-square"></i></a>
                        <a href="#"><i class="fa fa-twitter-square"></i></a>
                        <a href="#"><i class="fa fa-google-plus-square"></i></a>
                </div>
        </div>
    </div>
    </div>
</footer>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
		<script src="<?php echo $base_url ?>/g-template/default/js/cbpHorizontalMenu.min.js"></script>
		<script>
			$(function() {
				cbpHorizontalMenu.init();
			});
		</script>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="<?php echo $base_url ?>/g-template/default/js/bootstrap.min.js"></script>
</body>
</html>